<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>借用构造函数</title>
    <style>
        section {
            padding: 10px;
        }
    </style>
</head>
<body>
    <h1>借用构造函数继承</h1>
    <section>
        <ul id='list'>
            <li>借用父类构造函数</li>
            <li>可以传递参数</li>
        </ul>
    </section>
     <!-- 示例代码 -->
    <script>
        // 父类构造函数
        function Plane(color) {
            this.color = color;
        }
        Plane.prototype.fly = function () {
            console.log('flying');
        }

        // Fighter 构造函数
        function Fighter(color) {
            // 借用构造函数
            Plane.call(this, color);
            this.bullets = [];
        }
        // 特有方法
        Fighter.prototype.shoot = function () {
            console.log('biu biu biu');
        }

        // new 一个实例, 还可以传参数
        var fighter = new Fighter('blue');

        // 调用属性和方法
        console.log(fighter.color);
        console.log(fighter.bullets);
        fighter.shoot();

        // 没有继承父类方法, 会报错
        fighter.fly();
    </script>
</body>
</html>